<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>杭州市水务智慧河道管理系统</title>
		<link rel="stylesheet" type="text/css" href="css/reque/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>

	<body>
		<div id="main">
			<!--head-->
			<div class="main-top">
				<div class="main-top-content">官河泵站</div>
			</div>
			<!--body-->
			<div class="main-body">
				<!--第一行-->
				<div class="body-first">
					<div class="first-lef col-md-6">
						<div class="col-md-7">
							<div class="gylc-title">
								<img src="img/gylc.png" />
							</div>
							<div class="gylc-image">
								<img src="img/gongyiliucheng.png" />
							</div>
						</div>
						<div class="gylc-content col-md-5">
							<div class="gylc-content-content">1#</div>
							<p>A相电压：380V &nbsp;&nbsp;&nbsp;A相电流：30A</p>
							<p>B相电压：380V &nbsp;&nbsp;&nbsp;B相电流：30A</p>
							<p>C相电压：380V &nbsp;&nbsp;&nbsp;C相电流：30A</p>
						</div>
						<div class="gylc-content col-md-5">
							<div class="gylc-content-content">2#</div>
							<p>A相电压：380V &nbsp;&nbsp;&nbsp;A相电流：30A</p>
							<p>B相电压：380V &nbsp;&nbsp;&nbsp;B相电流：30A</p>
							<p>C相电压：380V &nbsp;&nbsp;&nbsp;C相电流：30A</p>
						</div>
					</div>
					<div class="first-center col-md-2">
						<div class="first-center-title"><img src="img/xunjian.png" /></div>
						<div class="first-center-xunjian">
							<div class="first-center-xunjian1h">
								<div class="xunjian col-md-6">
									<div class="xunjian-title">巡检次数<span style="font-size: 24px; vertical-align: middle;">/</span>巡检计划</div>
									<div class="xunjian-content">
										15 <span style="font-size: 28px; vertical-align: middle;">/</span> 20
									</div>
								</div>
								<div class="xunjian col-md-6">
									<div class="xunjian-title">养护次数<span style="font-size: 24px; vertical-align: middle;">/</span>养护计划</div>
									<div class="xunjian-content">
										15 <span style="font-size: 28px; vertical-align: middle;">/</span> 20
									</div>
								</div>
							</div>
							<div class="first-center-xunjian2h">
								<div class="weixiu">维修:<span>24次</span></div>
							</div>
						</div>
					</div>
					<div class="first-right col-md-3">
						<div class="first-right-title"><img src="img/jiankong.png" /></div>
						<div class="first-right-jiankong">
							<div id="first-right-content1">
								<div class="first-right-jiankong1 col-md-3"><img src="img/jk-image/jk1.png" /></div>
								<div class="first-right-jiankong1 col-md-3"><img src="img/jk-image/jk2.png" /></div>
							</div>
							<div id="first-right-content2">
								<div class="first-right-jiankong2 col-md-3"><img src="img/jk-image/jk5.png" /></div>
								<div class="first-right-jiankong2 col-md-3"><img src="img/jk-image/jk8.png" /></div>
							</div>
						</div>
					</div>
				</div>
				<!--第二行-->
				<div class="body-second">
					<div class="second-left col-lg-6">
						<div class="second-left-table">
							<table class="tables" border="" cellspacing="" cellpadding="">
								<tr style="color:#59EAFF ;">
									<td rowspan="2">上游液位</td>
									<td rowspan="2">下游液位</td>
									<td colspan="7">1#</td>
									<td colspan="7">2#</td>
								</tr>
								<tr style="color:#59EAFF ;">
									<td>状态</td>
									<td colspan="3">电压</td>
									<td colspan="3">电流</td>
									<td>状态</td>
									<td colspan="3">电压</td>
									<td colspan="3">电流</td>
								</tr>
								<tr>
									<td>06:30</td>
									<td>04:50</td>
									<td>开</td>
									<td>A:380</td>
									<td>B:380</td>
									<td>C:380</td>
									<td>A:38</td>
									<td>B:38</td>
									<td>V:38</td>
									<td>开</td>
									<td>A:380</td>
									<td>B:380</td>
									<td>C:380</td>
									<td>A:38</td>
									<td>B:38</td>
									<td>V:38</td>
								</tr>
							</table>
						</div>
						<div id="second-left-echart" style="width: 100%;height:170px;"></div>
					</div>
					<div class="second-center col-lg-3">
						<div class="second-center-title">
							<img src="img/sbqk.png" />
						</div>
						<div id="second-center-echart" style="width: 100%;height:240px; "></div>
					</div>
					<div class="second-right col-lg-3">
						<div class="second-right-title">
							<img src="img/baojing.png" />
						</div>
						<div class="second-right-content">
							<div class="second-rightcontent-th col-lg-2">
								时间：
							</div>
							<div class="second-rightcontent-td col-lg-5">
								<p>2017年12月23日</p>
								<p>2017年12月24日</p>
								<p>2017年12月25日</p>
								<p>2017年12月26日</p>
								<p>2017年12月27日</p>
								<p>2017年12月27日</p>
							</div>
							<div class="second-rightcontent-th col-lg-2">
								事件：
							</div>
							<div class="second-rightcontent-td col-lg-3">
								<p>设备故障</p>
								<p>设备故障</p>
								<p>设备故障</p>
								<p>设备故障</p>
								<p>设备故障</p>
								<p>设备故障</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<script src="js/reque/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/reque/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/reque/echarts.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>